<!-- <h1>hello wordd</h1> -->

<!-- <app-myc01></app-myc01> -->

<!-- <button (click)="show1=!show1">切换</button>
<app-myc02 *ngIf="show1"></app-myc02> -->

<!-- 给要掌控的子组件一个唯一标识 -->
<!-- <app-myc03 #myc03></app-myc03>
<app-myc03></app-myc03>
<app-myc03></app-myc03>
<button (click)="change()">修改第一个myc03的name值</button> -->

<!-- 父传子 -->
<!-- 
    在vue中：
    接收参数 props:['name']
 -->
<!-- <app-myc04 name="dongdong" [age]="18" [boss]="{name:'wje',age:18,sex:'男'}"></app-myc04> -->

<!-- 子传父 -->
<!-- <app-myc05 (msgEvent)="show($event)"></app-myc05>
<h1>{{mg}}</h1> -->
<!-- 屏幕上显示北方 -->

<!-- 依赖注入 -->
<!-- <app-myc06></app-myc06>
<app-myc07></app-myc07> -->

<!-- 网络服务 -->
<!-- <app-myc08></app-myc08> -->

<!-- 双向数据绑定：人员登记系统 -->
<!-- <app-myc09></app-myc09> -->

<!-- <app-myc10></app-myc10> -->

<app-myc11></app-myc11>